<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Index</title>
    <link href="http://cdn.bootcss.com/Swiper/3.3.1/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="index.css">
    <script>
        c
    </script>
</head>

<body>
    <div class="container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="img-responsive" src="http://www.pp3.cn/uploads/allimg/111128/1414302040-9.jpg"></div>
                <div class="swiper-slide"><img class="img-responsive" src="http://www.pp3.cn/uploads/allimg/111110/15594T106-10.jpg"></div>
                <div class="swiper-slide"><img class="img-responsive" src="http://www.pp3.cn/uploads/allimg/111116/11021321R-4.jpg"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

        </div>
        <div class="panel">
            <div class="panel-title">标题</div>
            <div class="panel-body">
                <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
            </div>
        </div>


        <ul class="list-group">
            <li class="list-group-item">
                <span class="key">联系方式</span>
                <!--如果有图标，就按这种HTML-->
                <div class="value">
                    <img src="wechat.png">
                    <span>123456</span>
                </div>
            </li>
            <li class="list-group-item">
                <span class="key">地址</span>
                <!--如果没图标，就按这种HTML-->
                <span class="value">12345678</span>
            </li>
        </ul>



    </div>
    <script src="http://cdn.bootcss.com/Swiper/3.3.1/js/swiper.min.js"></script>
    <script>
        new Swiper('.swiper-container', {
            loop: true,
            pagination: '.swiper-pagination'
        });

        window.onload = function() {
            var imgs = document.querySelectorAll('.swiper-wrapper img');
            [].forEach.call(imgs, function(item) {
                var img = new Image();
                img.onload = function() {
                    console.log(img.width, img.height);
                    
                    
                };
                img.src = item.src;
            });
            // console.log(imgs);
        };
    </script>
</body>

</html>